<!-- 店长 – 我的 – 所在团队 – 1			team -->
<template>
	<view class="warps">
		<u-dropdown>
			<u-dropdown-item v-model="value1" title="XXXX团" :options="options1">
				<view class="bgf width750  " style="">
					<view class="mlr30">
						<view class="">XXXX团队</view>
						<view class="mt20">团队名称团队名称</view>
						<view class="mt20">团队名称团队名称团队名称</view>
					</view>
				</view>
			</u-dropdown-item>
		</u-dropdown>
		<view class="team-top">
			<view class="w90" @click="_ao()">
				<view class="f b">
					<view class="vw35 f b">
						<view>
							<image style="width: 88rpx;height: 88rpx;" src="../../../../static/img/116.png" mode="">
							</image>
						</view>
						<view class="">
							<view>
								<view>
									<text>XXXX团队</text>
								</view>
							</view>
							<view class="team-lan m_t_20">
								<text class="blue fs16">已认证</text>
							</view>
						</view>
					</view>
					<view>
						<text>共12人</text>
					</view>
				</view>
				<view class="vw65 f b c m_l_150 p_t_31">
					<view class="vw40 f b">
						<view>
							<text class="fs16">姓名</text>
						</view>
						<view>
							<text class="fs16">电话电话电话电话</text>
						</view>
					</view>
					<view>
						<image style="width: 24rpx;height: 24rpx;" src="../../../../static/img/069.png" mode=""></image>
					</view>
				</view>
			</view>
		</view>
		<view class="">
			<view class="flexR aic  mlr30 mt50"  @click="a">
				<image class="tu" src="../../../../static/img/120.png" mode=""></image>
				<view class="ml20 flexauto">添加成员</view>
				<image class="tu flexnone" src="../../../../static/img/028.png" mode=""></image>
			</view>
			<view class="flexR aic  mlr30 mt40"  @click="a1">
				<image class="tu" src="../../../../static/img/121.png" mode=""></image>
				<view class="ml20 flexauto">部门设置</view>
				<image class="tu flexnone" src="../../../../static/img/028.png" mode=""></image>
			</view>
			<view class="flexR aic  mlr30 mt40"  @click="a2">
				<image class="tu" src="../../../../static/img/122.png" mode=""></image>
				<view class="ml20 flexauto">管理员设置</view>
				<image class="tu flexnone" src="../../../../static/img/028.png" mode=""></image>
			</view>
			<view class="flexR aic  mlr30 mt40"  @click="a3">
				<image class="tu" src="../../../../static/img/123.png" mode=""></image>
				<view class="ml20 flexauto">考勤打卡设置</view>
				<image class="tu flexnone" src="../../../../static/img/028.png" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

				value1: 1,
				value2: 2,
				options1: [{
						label: '默认排序',
						value: 1,
					},
					{
						label: '距离优先',
						value: 2,
					},
					{
						label: '价格优先',
						value: 3,
					}
				]
			}
		},
		methods: {
			_ao() {
				uni.navigateTo({
					url: '../Details/Details'
				})
			},
			a() {
				uni.navigateTo({
					url: '../members/members'
				})
			},
			a1() {
				uni.navigateTo({
					url: '../members/sector/sector'
				})
			},
			a2() {
				uni.navigateTo({
					url: '../Settings/Settings'
				})
			},
			a3() {
				uni.navigateTo({
					url: '../Settings/Attendance/Attendance'
				})
			},
		}
	}
</script>

<style scoped>
	.san {
		width: 24rpx;
		height: 24rpx;
	}

	.kong {
		height: 20rpx;
		background: #f5f5f5;
	}

	.team-top {
		width: 686rpx;
		height: 202rpx;
		opacity: 1;
		background: #ffffff;
		border-radius: 16rpx;
		box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0, 0, 0, 0.16);
		margin: 0 auto;
		margin-top: 32rpx;
		overflow: hidden;
	}

	.team-xiala {
		width: 240rpx;
	}

	.team-lan {
		width: 96rpx;
		height: 38rpx;
		line-height: 38rpx;
		opacity: 1;
		background: #f1f6ff;
		border-radius: 4rpx;
		text-align: center;
	}

	.tu {
		width: 32rpx;
		height: 32rpx;
	}
</style>
